html{
	height:100%;
	width:100%;
}

body{
	height:100%;
	width:100%;
	background-color:rgba(48, 56, 75,1);
	/*background-image:url(images/07.jpg);*/
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	background-size:cover;
	
}
header img{
	float:left;
	max-width:150px;
	padding-left:4em;
}
#nav1 ul{
	width:800px;
	list-style-type:none;
	margin:0px auto;
}
#nav1 ul li{
	float:left;
}
#nav1 ul li a{

	font-size: 17px!important;
	letter-spacing: 1.5px;
	color:#fff!important;
	background: transparent;
	padding: 8px 15px;
	font-weight: 400;
	display:block;
	text-decoration:none;

}




.move{  
   
    width:80px; 
    border-top: 2px solid white;
    position: absolute;  
    left: 306px;  
    top: 40px;  
    transition: left .2s ease-in-out 0s;/*包含四个过度属性：执行变换属性、执行时间、速率、延迟*/  
    -webkit-transition: left .2s ease-in-out 0s;/*chrome和safari*/  
    -moz-transition: left .2s ease-in-out 0s;/*firefox*/  
    -o-transition: left .2s ease-in-out 0s;
}  
li:nth-child(1):hover~ .move{   
    left: 306px;  
}  
li:nth-child(2):hover~ .move{  
    left: 402px;  
}  
li:nth-child(3):hover~ .move{  
    left: 507px;  
}  

li:nth-child(4):hover~ .move{  
    left: 620px;  
}  
li:nth-child(5):hover~ .move{  
    left:750px;  
}  
li:nth-child(6):hover~ .move{  
    left:855px;  
}  
.content
{
	 padding: 9em 0 0 0;
}
#content-left
{
	width: 50%;
    float: left;
}
#content-right
{
	width: 50%;
    float: left;
}
.clear{clear:both;}
.image-name {
  border: 5px solid rgba(238, 238, 238, 0.53);
    width: 300px;
    height: 300px;
    padding: 63px;
    margin: 0 auto;
	text-align: center;
}
.address {
    margin-top: 1.5em;
    border-top: 2px dotted #00bcd4;
    padding-top: 0.5em;
	padding-left:0px;
}
.image-name img {
    max-width: 200px;
    max-height:200px;
    border-radius:50%;
}

.career-goal h3{
	font-size: 2.5em;
    color: #fff;
    letter-spacing: 2px;
	margin-top:20px;
	margin-bottom:20px;
   
}
#content-left h3{
	font-size: 2em;
    color: #fff;
    letter-spacing: 2px;
   
}

.career-goal p
{
	display: inline-block;
    font-size: 1em;
    color:rgba(255, 255, 255, 0.76);
    margin-top: 1em;
    font-weight: 400;
    line-height: 1.8em;
    letter-spacing: 1px;	
}
ul.address li ul.address-detail li {
    display: inline-block;
    font-size: 1em;
    color:rgba(255, 255, 255, 0.76);
    margin-top: 1em;
    font-weight: 400; 
}

ul.address-detail {
	padding-left:0px;
	padding-top:0px;
}
ul.address li ul.address-detail li:nth-child(1) {
    width: 20%;
}

ul.address li {
		list-style-type:none;
}
header #nav1 ul li ul { position:absolute;display:none;padding:0; margin:0;}

header #nav1 ul li ul li { float:none;margin-right:650px;}
header #nav1 ul li:hover ul{ display:block; }
header #nav1 ul li ul li a {border-right:0px;border-top:1px dotted #ccc; }
header #nav1 ul li ul li a:hover{ font-weight:bolder;}/*父类中规定了字体的大小颜色，此处改变则不显示*/
.block{
	height:400px;
}
footer{
	border-top:3px dotted #ccc;
	margin:0px;padding:0px;text-align:center;
}
.imglist{
	list-style-type:none;
     margin:0px;
	 padding:0px;
	display:inline-block 
}
.imglist li{float:left;margin:0 5px;display:inline;}
.imglist img{
	max-width: 66px;
    max-height: 66px;
    border-radius:50%;
}
#Contact_Me h2,#Contact_Me h3{color:#fff;}



#login{
	width: 320px;
padding: 8% 0 0;
margin: auto;

}
#loginform
{
	margin-top: 0px;
    margin-left: 0;
    padding: 26px 24px 46px;
    font-weight: 400;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
	border:1px dotted white;
	
}
#login label {
    color: #fff;
    font-size:13px;
	vertical-align: middle;
}
#login form .input {
    font-size: 24px;
    width: 100%;
    padding: 3px;
    margin: 2px 6px 16px 0;
    background-color:rgba(255,255,255,0.5);
}
.button_login{
	font-size: 24px;
    width: 100%;
    padding: 3px;
    margin: 2px 6px 16px 0;
	
}






#technology_Content{
	
	width:100%;
	height:1500px;
	position:relative;
	padding-top:4em;
}

#tech_Content{
	width: 100%;
	height:100%;
	margin-bottom:4em;
	background-color:rgba(255,255,255,0.8);
	display: block;

}
#tech_Content_life
{
	width: 100%;
	height:100%;
	margin-bottom:4em;
	background-image:url(images/01.png);
	display: block;
}
#life_Content
{
	width:1250px;
	height:90%;
	background-color:transparent;
	border-radius:3%;
	position: absolute;
	top:80px;
	left:20px;
}
#technology_Content_left{

	width:1000px;
	height:90%;
	background-color:rgba(214,215,219,1);
	border-radius:3%;
	position: absolute;
	top:80px;
	left:20px;
	
}
#mainiframe{width:100%;frameborder:0px; height:90%;}
#technology_Content_right{
	width:289px;
	height:50%;
	 position: absolute;
	 margin-left:1040px;
	 margin-right:20px;
	 background-color:rgba(214,215,219,1);
	 border-radius:3%;
	top:80px;
}
.hometitle{

	padding: 0 10px;
	line-height: 40px;
	height: 40px;
	font-size: 18px;
	position: relative;

	
}
.hometitle span {
	float: right;
	font-weight: normal;
	font-size: 14px;
	border-bottom:1px dotted #000;
	overflow: hidden;
	position: absolute;
	right:5px;
	width: 100%;
	text-align: right;
	top:10px;
}

#nav2 ul {padding:0; margin:0; list-style-type:none;}
#nav2 ul li {float:left;}
#nav2 ul li a{
    font-size: 15px!important;
	letter-spacing: 1.5px;
	padding: 8px 20px;
	font-weight:450;
	display:block;
	text-decoration:none;	
         

}

#nav2 ul li a:link{	color:#000;background: transparent;}
#nav2 ul li a:visited { background: transparent; color:#000;}  
#nav2 ul li a:hover { background:rgba(48, 56, 75,1); color:#fff;} 
#nav2 ul li a:active {background:rgba(48, 56, 75,1); color:#fff;}  

.search {
    padding: 20px;
    margin: 20px 0;
}
.input_submit {
    background-color:rgba(48, 56, 75,1);
    color: #FFF;
    float: left;
    width: 20%;
    border: none;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    border-radius: 0 5px 5px 0;
}
.input_text {
    padding-left: 5px;
    border: 1px solid #ccc;
    width: 70%;
    height: 26px;
    line-height: 26px;
    background-color: #f2f2f2;
    float: left;
    border-radius: 5px 0 0 5px;
}
.self-introduction{
	width:100%;
	height:100%;
}
.self-introduction img{ 
    max-width:289px;
    max-height:250px; }
	
	
#tech_Content h3{
	padding-top:5px;
	padding-left:150px;

    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Poppins', sans-serif;

}
.MyProject{
	border-top: 1px solid #fff;
	width:1140px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	height:1200px;
}

.ProjectItem {
    width: 33.33333%;
	float:left;
	display: inline-block;
    text-align: left;
    padding: 15px;
    box-sizing: border-box;
}
.ProjectItem_Content{
	position: relative;
    padding: 7px;
    background: transparent;
    border: 1px solid #fff;
}
 
.item-image{position: relative;
            overflow: hidden;
            width: 340px;
            height: 300px;
			text-align: left;
}
.item-image:hover .item_caption{opacity:1}

.item_caption{
	width:100%;
	height:100%;
	cursor:pointer;
	opacity:0;
	-webkit-transition:all 0.45s ease-in-out;
	-moz-transition:all 0.45s ease-in-out;
	-o-transition:all 0.45s ease-in-out;
	-ms-transition:all 0.45s ease-in-out;
	transition:all 0.45s ease-in-out;
}
.item_blur{
	background-color:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	z-index:5;
	position:absolute;
}
.caption_text{
	width:100%;
	height:100%;
	z-index:10;
	color:#fff;
	position:absolute;
	text-align:center;
	top:35%;
}
.caption_text a{ text-decoration:none;color:#fff;}

.caption_text a:hover { color:#00bcd4;} 
 

.item-image img {
    display: block;
    width: 100%;
	float:left;
	z-index:4;
}
#continue{color:#fff;
    font-weight:600;
	position:absolute;
	text-align:center;
	top:35%;
	left:35%}
#life_Content ul{
	padding:20px;
	
}	
	
#life_Content ul li{
	
	margin-bottom:15px;
	border:2px solid rgba(214,215,219,1);
	overflow: hidden;
	background-color:rgba(214,215,219,0.5);
	border-radius:3%;
}
.life_images{
		width:100%;
		height:200px;
		
		border-style:1px solid #fff;
}
.life_images img{
	max-width: 200px;
    max-height: 200px;
	display:inline;
	margin-left:5px;
   }
.life_images_special img{
	max-height: 200px;
	display:inline;
	margin-left:5px;
}
.autor {
	color: #000;
	font-size: 12px;
	padding-left:100px;
}
.bloginfo a{
	font-size: 20px!important;
	letter-spacing: 1.5px;
	padding: 8px 20px;
	text-decoration:none;	
	color:#fff;
	
}
.div_show
{
   display:block;
}
.div_hide
{
   display:none;
}
	
